<!DOCTYPE html>
<html>
<head>
    <title></title>
    <#include "/header.html"/>
    <style type="text/css">
        html {
            overflow-y: auto;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <#if shiro.hasPermission("cgs:cgsaccidencheck:update")>
                <a class="btn btn-primary" @click="look"><i class="fa fa-pencil-square-o"></i>&nbsp;详情/办理</a>
            </#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default" align="center">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal" style="width:70%!important;">
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">申请用户</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.userName"
                           placeholder="用户姓名" readonly/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">申请时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.createTime"
                           placeholder="创建时间" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">联系方式</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.mobile"
                           placeholder="联系方式" readonly/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">身份证号</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.idCardNum"
                           placeholder="身份证号" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">车辆类型</div>
                <div class="col-sm-10" style="width: 40%;">
                    <select class="form-control" v-model="cgsAccidencheck.vehicleType" disabled>
                        <option v-for="item in hpzl" :value="item.value">{{item.text}}</option>
                    </select>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">车牌号码</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.vehicleNum"
                           placeholder="车牌号码" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">事故发生时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.accidentTime"
                           placeholder="事故发生时间" readonly/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">事故认定书领取时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.accidentFileTime"
                           placeholder="事故认定书领取时间" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">结果领取方式</div>
                <div class="col-sm-10" style="width: 40%;">
                    <select class="form-control" v-model="cgsAccidencheck.resultGetType" disabled>
                        <option v-for="item in lingqu" :value="item.value">{{item.text}}</option>
                    </select>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">邮寄地址</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.postAddress"
                           placeholder="邮寄地址" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">办理状态</div>
                <div class="col-sm-10" style="width: 40%;">
                    <select class="form-control" v-model="cgsAccidencheck.status" disabled>
                        <option v-for="item in status" :value="item.value">{{item.text}}</option>
                    </select>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">未受理原因</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.notAcceptReason"
                           placeholder="未受理原因" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">受理快递单号</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.acceptExpressNo"
                           placeholder="受理快递单号" readonly/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">办理时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.acceptTime"
                           placeholder="受理/不受理时间" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">办结时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsAccidencheck.handleTime"
                           placeholder="办结时间" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">事故认定书1</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsAccidencheck.accidentFile1" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">事故认定书2</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsAccidencheck.accidentFile2" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">事故认定书3</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsAccidencheck.accidentFile3" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">复核申请书1</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsAccidencheck.accidentCheckFile1" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">复核申请书2</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsAccidencheck.accidentCheckFile2" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">复核请书3</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsAccidencheck.accidentCheckFile3" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">身份证正面</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsAccidencheck.scanUrlZ" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">身份证反面</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsAccidencheck.scanUrlF" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
            <div class="form-group">
                <#if shiro.hasPermission("cgs:cgsaccidencheck:banli")>
                    <template v-if="cgsAccidencheck.status === '1'">
                        <input type="button" class="btn btn-primary" data-toggle="modal" data-target="#cgsaccidentcheckModal" value="受理/不受理"/>
                    </template>
                </#if>
                <#if shiro.hasPermission("cgs:cgsaccidencheck:banli")>
                    <templdate v-if="cgsAccidencheck.status === '2'">
                    <input type="button" class="btn btn-primary" data-toggle="modal" data-target="#cgsaccidentcheckBjModal" value="办结"/>
                    </templdate>
                </#if>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
    <div class="modal fade" id="cgsaccidentcheckModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="policePostModalLabel">
                        事故复核审理
                    </h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" >
                        <div class="form-group">
                            <div class="col-sm-2 control-label" >审理结论</div>
                            <div class="col-sm-10" >
                                <select class="form-control" v-model="shenpi.status">
                                    <option value="2">受理</option>
                                    <option value="3">不受理</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label" >不受理原因</div>
                            <div class="col-sm-10" >
                                <input type="text" class="form-control" v-model="shenpi.notAcceptReason" placeholder="不受理事由"/>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" @click="executeAudit" value="保存"/>
                    <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <div class="modal fade" id="cgsaccidentcheckBjModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title">
                        事故复核办结
                    </h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" >
                        <div class="form-group">
                            <div class="col-sm-2 control-label" >快递单号</div>
                            <div class="col-sm-10" >
                                <textarea type="text" class="form-control" v-model="shenpi.acceptExpressNo"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" @click="banjie" value="保存"/>
                    <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/cgs/cgsaccidencheck.js?_${.now?long}"></script>
</body>
</html>